/*
  学习目标：props指定默认值 
  关键词 ： 组件.defaultProps = {}
  建议： 函数组件不需要使用 defaultProps，可以在解构时直接设置默认值
*/

import React from 'react';
export default class App extends React.Component {
  render() {
    return (
      <div>
        <Child></Child>
        <Child2></Child2>
      </div>
    );
  }
}

class Child extends React.Component {
  static defaultProps = {
    msg: ' 我是类组件Child的默认值msg',
    num: 100,
  };
  render() {
    return (
      <div>
        我是类组件Child - {this.props.msg} - {this.props.num}
      </div>
    );
  }
}
// Child.defaultProps = {
//   msg: ' 我是类组件Child的默认值msg',
//   num: 100,
// };

// 建议使用 解构时添加默认值
function Child2({ msg = '我是函数组件Child2的默认值msg', num = 666 }) {
  return (
    <div>
      我是函数组件Child2 - {msg} - {num}
    </div>
  );
}
// 函数组件 - 可以通过 defaultProps 设置，但是建议使用 解构时添加默认值
// 函数组件的校验和默认值 与 类组件一样，都是通过 Child2.xxx 来设置即可
// Child2.defaultProps = {
//   msg: '我是函数组件Child2的默认值msg',
//   num: 999,
// };
